<template>
  <div>
    <el-row>
      <el-col :span="24">
        <el-card>
          <!-- 标题 -->
          <div slot="header">
            <span>会员列表</span>
          </div>
          <!-- inline 表示单行表单 -->
          <el-form :inline="true" :model="searchForm">
            <el-form-item label="分类名称">
              <el-input
                v-model="searchForm.typeName"
                placeholder="请输入会员名称"
              ></el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="doSearch()">搜索</el-button>
            </el-form-item>
          </el-form>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      // 根据接口信息定义好查询条件
      searchForm: {
        typeName: "",
        // 一页数量
        pageSize: 5,
        // 当前页码
        pageNo: 1,
      },
      // 根据后端返回数据定义表格和分页的数据
      pageData: {
        data: [],
        pageNo: 1,
        pageSize: 5,
        totalCount: 0,
        totalPageCount: 1,
      },
    };
  },
};
</script>
<style></style>
